<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/font-awesome.min.css" /> -->
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/index.css" />
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/style.css" />
		<!-- <link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/s.css" /> -->
		<!-- <link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/common.css" /> -->
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/forecast.css" />
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/animate.css" />
		<script src="/wzdisplay/assets/js/jquery-1.11.3.js"></script>
		<title>温州港航气象服务</title>

	</head>

	<body>
		<!--头部-->
		<div class="w-header">
			<div class="c-in">
				<div class="header_logo">
					<a href="/wzdisplay/views/index.html">温州港航气象服务</a>
				</div>
			</div>
		</div>

		<!--导航条-->
		<div class="w-nav">
			<div class="c-in">
				<ul>
					<li ><a href="/wzdisplay/views/index.html">港区实况</a></li>
					<li ><a href="/wzdisplay/views/forecast.html">港区预报</a></li>
					<li><a href="/wzdisplay/views/sea.html">海区预报</a></li>
					<li class="selected"><a href="/wzdisplay/views/stronge.html">强天气监测</a></li>
					<li><a href="forcastproducts.html">预报产品</a></li>
					<li><a href="http://www.wztf121.com/">台风路径</a></li>
				</ul>
			</div>
		</div>

		<!--内容-->
		
		<div class="w-content c-in">
			<div id="nav">
				<ul class="navList">
					<li class="active">风暴路径</li>
					<li >1小时雷达降水</li>
					<li>3小时雷达降水</li>
				</ul>
			</div>
			<div id="main">
				<div id="mapContainer" tabindex="0">
					<div class="force-rain hide"></div>
					<div class="selectList hide">
						<div class="" id="selRain">
							<p><span>1小时雷达降雨发布</span><b></b></p>
							<div class="rain-cn" style="height: 300px">
								<ul>
									<li>过去3小时降雨</li>
									<li>过去6小时降雨</li>
									<li>过去12小时降雨</li>
									<li>过去24小时降雨</li>
								</ul>
							</div>

						</div>
					<div class="coloricon">

					</div>
					<!--<div class="channel">-->
						<!--<ul>-->
							<!--&lt;!&ndash; <li>显示站点</li> &ndash;&gt;-->
							<!--<li>显示航道</li>-->
							<!--<li>隐藏港区</li>-->
						<!--</ul>-->
					<!--</div>-->
				</div>
					<div class="warningwind hide">当前时次无风暴</div>

				<div class="clear"></div>

			</div>
			<div class="strongeWeather">
				<ul>
					<li>
						<b class="past"></b>
						<span>过去风暴所在位置</span>
					</li>
					<li>
						<b class="current"></b>
						<span>现在风暴所在位置</span>
					</li>
					<li>
						<b class="fore"></b>
						<span>未来风暴所在位置</span>
					</li>
					<li>
						<i class="fore-path"></i>
						<span>未来路径</span>
					</li>
					<li>
						<i class="past-path"></i>
						<span>过去路径</span>
					</li>
				</ul>
			</div>
		</div>
		</div>
		<div class="w-footer">
			<div class="c-in">
				<div class="footer-logo"></div>
				<div class="rline"></div>
				<div class="footer-maintain">
					<ul>
						<li>温州市气象局地址：温州市鹿城区横河南新村1栋</li>
						<li>电话：0580-2088122</li>
						<li>Email：zsqxxxzx@163.com</li>
						<li>制作维护：浙江广晟有限公司</li>
						<li>Copyright(c) 2017 温州市气象局 All Rights Reserved</li>
					</ul>
				</div>
				<div class="footer-list">
					<ul>--国内气象部网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--国内气象部网站1--</li>
						<li>--国内气象部网站2--</li>
						<li>--国内气象部网站3--</li>
						<li>--国内气象部网站4--</li>
					</ul>
					<ul>--省内气象部门网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
					<ul>--县区气象网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
					<ul>--本市政府网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
				</div>
				<div class="footer-link">
					<ul>
					<li>友情链接</li>
					<li><a>温州天气</a></li>
					<li><a>浙江天气</a></li>
					<li><a>中国台风网</a></li>
				</ul>
				</div>			
			</div>
		</div>


		<script type="text/javascript" src="http://10.135.30.150:8080/QXMap?key=712ea9b0cf705b05&v=1.0"></script>
		<script src="/wzdisplay/assets/js/index.js"></script>
		<script src="/wzdisplay/assets/js/stronge.js"></script>
		<script src="/wzdisplay/assets/js/echarts.min.js"></script>
	</body>

</html>